<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>有货</title>

    <!-- Bootstrap --> 
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="./bootstrap-3.3.5/css/bootstrap.min.css">

	<!-- 可选的Bootstrap主题文件（一般不用引入） -->
	<link rel="stylesheet" href="./bootstrap-3.3.5/css/bootstrap-theme.min.css">
    <script src="./jquery-1.11.3/jquery.min.js"></script>
	<link rel="stylesheet" href="./Css/index.css">
	<link rel="stylesheet" href="./Css/common.css">
	<script type="text/javascript" src="./Js/index.js"></script><!-- 这儿的js有问题 -->
	<link rel="stylesheet" href="./Css/list.css">
	<script type="text/javascript" src="./Js/list.js"></script>
	<link rel="stylesheet" type="text/css" href="./Css/person1.css">
	<script type="text/javascript" src="./Js/person.js"></script>
</head>
<body>
<header>
	<!-- 最顶部宣传 -->
	<div id="_top">
		<a href=""></a>
	</div>

	<!-- 登录注册版块 -->
	<div id="_login">
		<div class="_login-total">
			<div class="_login-left">
				<span class="_icon"></span>
				<a href="">YOHO!BUY 有货</a>
				<ul class="_left-list">
					<li> 
						<a class="yoho-group" data-cn="集团官网" data-en="YOHO!" href="">YOHO!</a>
					</li>
					<li>
						<a class="yoho-group" data-cn="男生潮流" data-en="YOHO!BOYS" href="">YOHO!BOYS</a>
					</li>
					<li>
						<a class="yoho-group" data-cn="女生潮流" data-en="YOHO!GIRLS" href="">YOHO!GIRLS</a>
					</li>
					<li>
						<a class="yoho-group" data-cn="物趣分享" data-en="YOHO!SHOW" href="">YOHO!SHOW</a>
					</li>
					<li>
						<a class="yoho-group" data-cn="潮流嘉年华" data-en="YO'HOOD" href="">YO'HOOD</a>
					</li>
				</ul>
			</div>
			<div class="_login-right">
				<ul>
					<li id="login-box">
						<span class="hi">hi~</span>
						[
						<a href="" class="loginbar">请登录</a>
						]
						[
						<a href="" class="registebar">免费注册</a>
						]
					</li>
					<li id="myYohoBox" class="myyoho">
						<span class="tag-seprate">|</span>
						<a href="">MY有货</a>
						<span class="icon-bottomarrow"></span>
						<div class="simple-user-center"></div>
					</li>
					<li class="myOrder">
						<span class="tag-seprate">|</span>
						<span class="icon-papers"></span>
						<a href="">我的订单</a>
					</li>
					<li class="mycollect">
						<span class="tag-seprate">|</span>
						<span class="icon-heart"></span>
						<a href="">我的收藏</a>
					</li>
					<li class="message">
						<span class="tag-seprate">|</span>
						<span class="icon-mail"></span>
						<a href="">消息</a>
					</li>
					<li class="phoneapp">
						<span class="tag-seprate">|</span>
						<span class="icon-phone"></span>
						<a href="">手机版</a>
						<div class="download-app-box">
							<div class="qr-img">
								<img src="./Images/qr.png" alt="">
							</div>
							<h3 class="qr-words">扫描二维码</h3>
							<h3 class="qr-words">下载有货手机客户端</h3>
							<h3 class="qr-more"><a href="">更多客户端下载</a></h3>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>

	<!-- 搜索栏(男生) -->
	<div id="head-wrapper">
		<div class="head-wrapper-cate">
			<ul>
				<li class="head-list-cur">
					<a href="" class="head-list-cur">
						<span class="name-cn">男生</span>
						<span class="name-en">BOYS</span>
					</a>
				</li>
				<li>
					<a href="">
						<span class="name-cn girls-cur">女生</span>
						<span class="name-en">GIRLS</span>
					</a>
				</li>
				<li>
					<a href="">
						<span class="name-cn">潮童</span>
						<span class="name-en">KIDS</span>
					</a>
				</li>
				<li>
					<a href="">
						<span class="name-cn">创意生活</span>
						<span class="name-en">LIFE STYLE</span>
					</a>
				</li>
			</ul>
			<div class="head-search">
				<!-- logo显示区中间部分 -->
				<div class="head-logo">
					<img src="./Images/logo/logo_e.png" alt="">
				</div>
				<div class="head-search-right">
					<input type="text" name="" id="search">
					<input type="submit" value="" class="search-submit">
					<div class="head-shop-car">
						<span class="head-shop-img">0</span>
						<div class="head-car-hide">
							<!-- 这儿开始循环商品列 -->
							<div class="head-goods-list">
								<img src="./Images/logo/62.jpg" alt="">
								<div class="head-goods-info">
									<p class="goods-info-in">DOPE PLUS K 字母卡通...</p>
									<p>颜色：灰色 尺码：L</p>
								</div>
								<div class="head-goods-price">
									<p>119×1</p>
									<p class="goods-del">删除</p>
								</div>
							</div>
							<!-- 循环结束 -->
							<div class="head-goods-list">
								<img src="./Images/logo/62.jpg" alt="">
								<div class="head-goods-info">
									<p class="goods-info-in">DOPE PLUS K 字母卡通...</p>
									<p>颜色：灰色 尺码：L</p>
								</div>
								<div class="head-goods-price">
									<p>119×1</p>
									<p class="goods-del">删除</p>
								</div>
							</div>
							<div class="head-goods-list">
								<img src="./Images/logo/62.jpg" alt="">
								<div class="head-goods-info">
									<p class="goods-info-in">DOPE PLUS K 字母卡通...</p>
									<p>颜色：灰色 尺码：L</p>
								</div>
								<div class="head-goods-price">
									<p>119×1</p><!-- 这儿填写的是价格和数量，可以直接写入就行了 -->
									<p class="goods-del">删除</p>
								</div>
							</div>
							<div class="head-goods-list">
								<img src="./Images/logo/62.jpg" alt="">
								<div class="head-goods-info">
									<p class="goods-info-in">DOPE PLUS K 字母卡通...</p>
									<p>颜色：灰色 尺码：L</p>
								</div>
								<div class="head-goods-price">
									<p>119×1</p><!-- 这儿填写的是价格和数量，可以直接写入就行了 -->
									<p class="goods-del">删除</p>
								</div>
							</div>
							<div class="head-goods-list">
								<img src="./Images/logo/62.jpg" alt="">
								<div class="head-goods-info">
									<p class="goods-info-in">DOPE PLUS K 字母卡通...</p>
									<p>颜色：灰色 尺码：L</p>
								</div>
								<div class="head-goods-price">
									<p>119×1</p><!-- 这儿填写的是价格和数量，可以直接写入就行了 -->
									<p class="goods-del">删除</p>
								</div>
							</div>
							<!-- 循环结束点 -->
							<div class="head-goods-pay">
								<a href="">去购物车结算</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="head-list">
		<div class="head-list-name">
			<ul class="boys">
				<li><a href="">新品到着</a></li>
				<li><a href="">品牌一览</a></li>
				<li><a href="">服饰</a></li>
				<li><a href="">鞋履</a></li>
				<li><a href="">包袋</a></li>
				<li><a href="">配饰 · 其他</a></li>
				<li><a href="">领券中心</a></li>
				<li><a href="">逛</a></li>
				<li><a href="">SALE</a></li>       
			</ul>
		</div>
	</div>
	<div id="third-nav-wrapper">
		<div class="nav-center-content">
			<div class="nav-total-left">
				<p class="nav-tops">上装</p>
				<a>T恤</a>
				<a>POLO</a>
				<a>背心</a>
				<p class="nav-tops">上装</p>
				<a>T恤</a>
				<a>POLO</a>
				<a>背心</a>
				<a>背心</a>
				<p class="nav-tops">上装</p>
			</div>
			<div class="nav-total-left nav-total-middle">
				<p class="nav-tops">上装</p>
				<a>T恤</a>
				<a>POLO</a>
				<a>背心</a>
				<p class="nav-tops">上装</p>
				<a>T恤</a>
				<a>POLO</a>
				<p class="nav-tops">上装</p>
				<a>背心</a>
				<a>背心</a>
			</div>
			<div class="nav-total-left nav-total-right">
				<p class="nav-tops">上装</p>
				<a>T恤</a>
				<a>POLO</a>
				<a>背心</a>
				<p class="nav-tops">上装</p>
				<a>T恤</a>
				<a>POLO</a>
				<p class="nav-tops">上装</p>
				<a>背心</a>
				<a>背心</a>
			</div>
			<div class="nav-total-right-img">
				<img src="./Images/logo/3.jpg" alt="">
				<a href="">IN季新品全面开售</a>
			</div>
		</div>			
	</div>
</header>
<article>
	<div id="person-total">
		<!-- 头部 -->
		<div class="person-top">
			<div id="_list-top" class="person-list">
				<span class="_list-img"></span>
				<a href="">YOHO!BUY 有货首页 </a>
				<span>></span>
				<a href="">个人中心</a>
				<span>></span>
				<a href="" class="person-cur">订单中心</a>
			</div>
		</div>
		<!-- 左边 -->
		<div class="person-left">
			<p class="person-title">个人中心<span>UCENTER</span></p>
			<div class="person-img">
				<span><img src="./Images/person/2.gif" alt=""></span>
			</div>
			<!-- 交易管理 -->
			<div class="nav-group">
				<div class="person-title-toal">
					<span class="person-thumb"></span>
					<span class="person-title">交易管理</span>
				</div>
				<ul>
					<a href="" class="nav-person-cur">我的订单</a>
					<a href="">我的收藏</a>
					<a href="">我的YOHO币</a>
					<a href="">我的红包</a>
					<a href="">我的优惠券</a>
					<a href="">我的VIP</a>
				</ul>
			</div>

			<div class="nav-group">
				<div class="person-title-toal">
					<span class="person-thumb"></span>
					<span class="person-title">服务中心</span>
				</div>
				<ul>
					<a href="">我的退/换货</a>
					<a href="">我的咨询</a>
					<a href="">我的评论</a>
					<a href="">我的投诉</a>
					<a href="">我的信息</a>
					<a href="">在线客服</a>
				</ul>
			</div>
			<div class="nav-group">
				<div class="person-title-toal">
					<span class="person-thumb"></span>
					<span class="person-title">服务中心</span>
				</div>
				<ul>
					<a href="">我的订单</a>
					<a href="">我的收藏</a>
					<a href="">我的YOHO币</a>
					<a href="">我的红包</a>
					<a href="">我的优惠券</a>
					<a href="">我的VIP</a>
				</ul>
			</div>	
			<div class="nav-group">
				<div class="person-title-toal">
					<span class="person-thumb"></span>
					<span class="person-title">个人信息管理</span>
				</div>
				<ul>
					<a href="">编辑个人资料</a>
					<a href="">账号安全</a>
					<a href="">地址管理</a>
					<a href="">兑换礼品卡</a>
				</ul>
			</div>
		</div>
		<!-- 右边 -->
		<div class="person-right">
		<!-- 右边头部 -->
			<p class="orders-title">订单中心
				<span class="orders-en">ORDERS</span>
				<span class="vip">VIP金额累计需要订单成功且无退换货</span>
			</p>
		<!-- 右边tab切换 -->
			<div class="container">
				<div class="row clearfix">
					<div class="col-md-12 column">
						<div class="tabbable" id="tabs-603612">
							<ul class="nav nav-tabs">
								<li>
									 <a href="#panel-938446" data-toggle="tab">Section 1</a>
								</li>
								<li class="active">
									 <a href="#panel-99232" data-toggle="tab">Section 2</a>
								</li>
							</ul>
							<div class="tab-content">
								<div class="tab-pane" id="panel-938446">
									<p>
										I'm in Section 1.
									</p>
								</div>
								<div class="tab-pane active" id="panel-99232">
									<p>
										Howdy, I'm in Section 2.
									</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</article>
<footer>
	<div id="footer-top">
		<div class="footer-left">
			<div class="footer-float">
				<span class="iconfont rgbf"></span>
				<span class="red">100%</span>
				<span class="rgbf">品牌正品</span>
			</div>
			<div class="footer-float">
				<span class="iconfont rgbf fCenter"></span>
				<span class="red">7天</span>
				<span class="rgbf">无理由退换货</span>
			</div>
			<div class="footer-float">
				<span class="iconfont rgbf fRight"></span>
				<span class="red">便捷</span>
				<span class="rgbf">在线客服</span>
			</div>
			<div class="footer-right">
				<input type="text" name="" value=""  placeholder="订阅我们的邮件" id="foot-text">
				<a href="" id="footer-submit"></a> 
			</div>
		</div>
	</div>
	<div id="footer-center">
		<div class="footer-help">
			<ul class="clearfix">
				<li class="fix-left">
					<p>
						<span>新手指南</span>
					</p>
					<p>
						<a href="">注册登录</a>
					</p>
					<p>
						<a href="">选购商品</a>
					</p>
					<p>
						<a href="">订单支付</a>
					</p>
					<p>
						<a href="">收货退款</a>
					</p>
				</li>
				<li class="fix-left">
					<p>
						<span>会员中心</span>
					</p>
					<p>
						<a href="">YOHO币</a>
					</p>
					<p>
						<a href="">会员制度</a>
					</p>
					<p>
						<a href="">账户管理</a>
					</p>
					<p>
						<a href="">密码管理</a>
					</p>
				</li>
				<li class="fix-left">
					<p>
						<span>购物指南</span>
					</p>
					<p>
						<a href="">全球购专区</a>
					</p>
					<p>
						<a href="">尺码选择</a>
					</p>
					<p>
						<a href="">发票</a>
					</p>
					<p>
						<a href="">商品咨询</a>
					</p>
				</li>
				<li class="fix-left">
					<p>
						<span>支付方式</span>
					</p>
					<p>
						<a href="">在线支付</a>
					</p>
					<p>
						<a href="">货到付款</a>
					</p>
					<p>
						<a href="">优惠券</a>
					</p>
					<p>
						<a href="">YOHO币支付</a>
					</p>
				</li>
				<li class="fix-left">
					<p>
						<span>配送方式</span>
					</p>
					<p>
						<a href="">配送时间</a>
					</p>
					<p>
						<a href="">配送范围</a>
					</p>
					<p>
						<a href="">顺丰速运</a>
					</p>
					<p>
						<a href="">商品验收与签收</a>
					</p>
				</li>
				<li class="fix-left">
					<p>
						<span>售后服务</span>
					</p>
					<p>
						<a href="">退换货政策</a>
					</p>
					<p>
						<a href="">退换货流程</a>
					</p>
					<p>
						<a href="">退款方式与时效</a>
					</p>
					<p>
						<a href="">投诉与建议</a>
					</p>
				</li>
				<li class="fix-left">
					<p>
						<span>APP常见问题</span>
					</p>
					<p>
						<a href="">IPhone版</a>
					</p>
					<p>
						<a href="">Android版</a>
					</p>
					<p>
						<a href="">wap版</a>
					</p>
					<p>
						<a href="">IPAD版</a>
					</p>
				</li>
			</ul>
		</div>
	</div>
	<div id="footer-buttom">
		<div class="footer-link">
			<div id="footer-link-left">
				<a href=""><img src="./Images/content/13.png" alt="" class="pin1"></a>
				<a href=""><img src="./Images/content/14.png" alt="" class="pin2"></a>
			</div>
			<div id="footer-link-right">
				<p class="link-top">
					<a href="">返回首页</a>
					<span>|</span>
					<a href="">YOHO!BUY 有货</a>
					<span>|</span>
					<a href="">新力传媒</a>
					<span>|</span>
					<a href="">联系我们</a>
					<span>|</span>
					<a href="">商家入驻</a>
					<span>|</span>
					<a href="">隐私条款</a>
					<span>|</span>
					<a href="">友情链接</a>
				</p>
				<p class="link-buttom">
					 CopyRight © 2007-2016 南京新与力文化传播有限公司
					<a class="rbg6" target="_blank" href="http://www.miibeian.gov.cn/">苏ICP备09011225号</a>
					NewPower Co. 版权所有 经营许可证编号：苏B2-20120395 
				</p>
			</div>
		</div>
	</div>
</footer>
 <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <!-- <script type="text/javascript" src="./Js/jquery-1.8.2.min.js"></script> -->
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="./bootstrap-3.3.5/js/bootstrap.min.js"></script>
</body>
</html>